/* 默认值：light */
:root {
  //########################社区色板
  //主调色
  --theme-color: #0d8dff;
  //辅助色
  --theme-color-assist: #ff8d4d;
  //########################背景色板
  //页面背景色
  --theme-page-bg: #f5f6f8;
  //卡片背景色
  --theme-card-bg: #ffffff;
  --theme-card-hover: #ffffff;
  //分割线
  --theme-cross-line: #e5e5e5;
  //表头色
  --theme-form-head: #e5e8f0;
  //########################文字色板
  //标题色
  --theme-title: #000000;
  //正文色
  --theme-text: #555555;
  //副内文色
  --theme-text-ass: #999999;
  //########################功能色板
  //主点击色&高亮色
  --theme-active: #0d8dff;
  //副可点击色
  --theme-active-ass: #000000;
  //未选中色
  --theme-unselect: #555555;
  //不可点击色
  --theme-disable: rgba(204, 204, 204, 0.4);
  //反白色
  --theme-white: #ffffff;
  //反黑色
  --theme-black: #000;
  //错误色
  --theme-error: #f3524d;
  //告警色
  --theme-alert: #ff8e36;
  // 阴影
  --theme-shadow: 0px 1px 5px 0px rgba(45, 47, 51, 0.1);
  --theme-shadow-hover: 0px 6px 18px 0px rgba(0, 104, 90, 0.14);

  // 透明
  --theme-opacity: rgba(0, 0, 0, 0.4);
  // 标签
  --theme-primary-hover: 64, 168, 154;
  // 卡片 反黑色
  --theme-card-black: #1e1e1e;
  --theme-white-rgb: 255, 255, 255;
  --theme-black-rgb: 0, 0, 0;
  --theme-active-hover: #0d8dff;
  //卡片灰色背景
  --theme-card-gray: #e8e9eb;
  --theme-issue: #ffffff;
  --theme-score: #f4f4f5;
  --theme-issue-bg: #ffffff;
}
/* 暗黑：dark */
.dark {
  //########################社区色板
  //主调色
  --theme-color: #8fe8dc;
  //辅助色
  --theme-color-assist: #ff8d4d;
  //########################背景色板
  //页面背景色
  --theme-page-bg: #121212;
  //卡片背景色
  --theme-card-bg: #1e1e1e;
  --theme-card-hover: #242424;
  --theme-card-shadow: 0, 0, 0;
  //分割线
  --theme-cross-line: #555555;
  //表头色
  --theme-form-head: #272727;
  //########################文字色板
  //标题色
  --theme-title: #ffffff;
  //正文色
  --theme-text: #e2e2e2;
  //副内文色
  --theme-text-ass: #999999;
  //########################功能色板
  //主点击色&高亮色
  --theme-active: #40a89a;
  //副可点击色
  --theme-active-ass: #ffffff;
  //未选中色
  --theme-unselect: #e2e2e2;
  //不可点击色
  --theme-disable: rgba(85, 85, 85, 0.4);
  //反白色
  --theme-white: #ffffff;
  //错误色
  --theme-error: #f3524d;
  //告警色
  --theme-alert: #ff8e36;
  // 阴影
  --theme-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
  --theme-shadow-hover: 0px 6px 18px 0px rgba(0, 0, 0, 0.42);
  // 标签
  --theme-primary-hover: 64, 168, 154;
  //卡片黑色背景
  --theme-card-gray: #121212;
  --theme-issue: #555555;
  --theme-score: #555555;
  --theme-issue-bg: #000000;
}
